<!--当前浏览器为低版本浏览器时显示start-->
<style>
    .low-version {
        display: none;
        width: 100%;
        height: 100px;
        text-align: center;
        background-color: greenyellow;
    }

    .low-version .low-version-content {
        height: 100%;
    }

    .low-version .low-version-content p {
        line-height: 40px;
        font-size: 20px;
    }
</style>
<div class="low-version">
    <div class="low-version-content">
        <p>您当前的浏览器版本过低,请更新浏览器或更换最新版主流浏览器，以获得更好的浏览体验！</p>
        <p>推荐下载:
            <a href="https://www.google.cn/chrome/">谷歌浏览器</a>
            <a href="http://browser.360.cn/">360浏览器</a>
            <a href="https://browser.qq.com/">QQ浏览器</a>
            <a href="http://www.firefox.com.cn/">火狐浏览器</a>
        </p>
    </div>
</div>
<!--当前浏览器为低版本浏览器时显示end-->

<!--头部区域start-->
<header>
    <div class="top">
        <div class="row">
            <div class="col-xs-4">
                <img
                    class="logo"
                    src="./images/logoarea.png"
                    alt="茂名职业技术学院"
                />
            </div>
            <div class="col-xs-4">
                <h3 class="top-title">计算机工程系</h3>
            </div>
            <div class="col-xs-4 top-search">
                <form class="navbar-form">
                    <div class="form-group">
                        <input
                            type="text"
                            class="form-control input-search"
                            placeholder="请输入您要搜索的新闻"
                        />
                        <button type="submit" class="btn btn-transparent glyphicon glyphicon-search"></button>
                    </div>
                </form>
                <div class="navbar-header pull-right">
                    <button
                        type="button"
                        class="navbar-toggle collapsed"
                        data-toggle="collapse"
                        data-target="#mmvtc-navbar-collapse"
                        aria-expanded="false"
                    >
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
            </div>
        </div>
        <!-- 导航条菜单栏 -->
        <nav class="navbar navbar-mmvtc">
            <div class="container">
                <div class="row">
                    <div class="col-xs-4">
                        <img
                            class="logo"
                            src="./images/logoarea.png"
                            alt="茂名职业技术学院"
                        />
                    </div>
                    <div class="col-xs-5">
                        <h3 class="top-title">计算机工程系</h3>
                    </div>
                    <div class="col-xs-3 top-search">
                        <form class="navbar-form pull-right">
                            <div class="form-group">
                                <button type="button" id="btn-search" class="btn btn-transparent glyphicon glyphicon-search"></button>
                            </div>
                        </form>
                        <div class="navbar-header pull-right">
                            <button
                                type="button"
                                class="navbar-toggle collapsed"
                                data-toggle="collapse"
                                data-target="#mmvtc-navbar-collapse"
                                aria-expanded="false"
                            >
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="navbar-header">
                    <button
                        type="button"
                        class="navbar-toggle collapsed"
                        data-toggle="collapse"
                        data-target="#mmvtc-navbar-collapse"
                        aria-expanded="false"
                    >
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>

                <!-- 导航条汉堡菜单start -->
                <div
                    class="collapse navbar-collapse swiper-container"
                    id="mmvtc-navbar-collapse"
                >
                    <ul class="nav navbar-nav swiper-wrapper">
                        <li class="swiper-slide">
                            <a href="index.php">首页 <i></i> <span class="sr-only">(current)</span></a>
                        </li>
                        <?php
                        $query_0 = "select * from tb_category where level = 0  and state=1";
                        //查询一级栏目
                        $category_res_0 = mysqli_query($link, $query_0);
                        if (!$category_res_0) {
                            exit(mysqli_error($link));
                        }
                        if (mysqli_num_rows($category_res_0) > 0) {
                            while ($row0 = mysqli_fetch_array($category_res_0)) {
                                ?>
                                <li class="swiper-slide" data-cateno="<?php echo $row0['categoryNo']?>">
                                    <a href="./ShowClass.php#<?php echo $row0['categoryNo']?>"><i></i><?php echo $row0['categoryName']?></a>
                                    <ul class="dropdown">
                                        <?php
                                        $query_1 = "select * from tb_category where level = 1";
                                        //查询二级栏目
                                        $category_res_1 = mysqli_query($link, $query_1);
                                        while ($row1 = mysqli_fetch_array($category_res_1)) {
                                            $row1_path = $row1['path'];
                                            $row1_id_arr = explode(',',$row1_path);
                                            $row1_id = end($row1_id_arr);
                                            if ($row1_id == $row0['id']) {
                                                ?>
                                                <li data-type="<?php echo $row1['type']?>">
                                                    <a href="ShowClass.php#<?php echo $row0['categoryNo'].'?id='.$row1['id'].'&type='.$row1['type'] ;?>">
                                                        <?php echo $row1['categoryName']?>
                                                    </a>
                                                </li>
                                                <?php
                                            }
                                        }
                                        ?>
                                    </ul>
                                </li>
                                <?php
                            }
                        }
                        ?>
                        <li class="swiper-slide">
                            <a href="http://www.mmvtc.cn/templet/default/index.jsp">学校官网<i></i> <span class="sr-only">(current)</span></a>
                        </li>
                    </ul>
                    <!--<div class="swiper-pagination hidden-md hidden-lg"></div>-->
                    <div class="right-more hidden-md hidden-lg">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </div>
                </div>
                <!-- /.导航条汉堡菜单end -->
            </div>
        </nav>
        <!--小屏时的搜索框start-->
        <div class="sm-searchbox">
            <div class="form-group">
                <input type="text" class="form-control input-search" placeholder="请输入您要搜索的新闻">
                <button type="submit" class="btn btn-transparent glyphicon glyphicon-search"></button>
            </div>
        </div>
        <!--小屏时的搜索框start-->
    </div>
    <!-- /导航条菜单结束 -->
</header>